<template>
	<view class="home">
		<view class="home-logo">
			<image class="home-logo-pic" src="/static/Lesongyuan_logo.png"></image>
		</view>
		<view class="home-product">
			<uni-section title="乐松源产品" type="line" padding>
				<view class="grid-item-box">
					<uni-grid :column="1" :highlight="true">
						<view class="home-product-Kanhu">
							<image class="Kanhu-pic" src="/static/Kanhu.png" @tap="kCall"></image>						
						</view>			
						<view class="home-product-Gaoya">
							<image class="Gaoya-pic" src="/static/Gaoya.png" @tap="goToOxygChamber"></image>	
						</view>
<!-- 						<view class="home-product-Shuye">
							<image class="Shuye-pic" src="/static/Shuye.png" @tap="sCall"></image>						
						</view> -->
					</uni-grid>
				</view>
			</uni-section>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			kCall() {
				uni.switchTab ({
					url: `/pages/index/index`
				})
			},
			goToOxygChamber() {
				uni.switchTab({
					url:'/pages/oxygChamber/oxygChamber'
				})
			},
			sCall() {
				// uni.navigateTo({
				// 	url: `/pages/index/index`
				// })
			}
		},
	}
</script>

<style lang="scss">
	.home-logo {
		background-color: #FFF;
		width: 100%;
		height: 360rpx;
		height: 350rpx;
		position: relative;
	}

	.home-logo-pic {
		position: absolute;
		left: 0%;
		margin-top: 0rpx;
		width: 100%;
		height: 360rpx;
		height: 350rpx;
		border-radius: 0%;
	}

	.Kanhu-pic {
		position: absolute;
		left: 0%;
		margin-top: 0rpx;
		width: 100%;
		height: 290rpx;
		border-radius: 0%;
		
	}		
	.Gaoya-pic {
		position: absolute;
		left: 0%;
		margin-top: 300rpx;
		width: 100%;
		height: 290rpx; 
		border-radius: 0%;
	}
	// .Shuye-pic {
	// 	position: absolute;
	// 	left: 0%;
	// 	margin-top: 600rpx;
	// 	width: 100%;
	// 	height: 290rpx;
	// 	border-radius: 0%;
	// }

	
</style>